/**
 * 人员管理页-scss
 */

 @import '../../../../sass/base.scss';
.sys-logs {
    height: 100%;
    width: 100%;
    padding: 32px;
}

.sys-logs-head {
    height: 70px;
    line-height: 50px;
    font-size: 14px;
    overflow: hidden;
}
.sys-logs-body {
    height: calc(100% - 70px);
    width: 100%;
    background-color: white;
    box-shadow: 0px 0px 8px #ddd;
    overflow: hidden;
    .body {
        height: calc(100% - 50px);
        width: 100%;
    }
    .pager{
        text-align: center;
    }
    ::ng-deep .ant-table-thead > tr:first-child > th:first-child {
        padding-left: 30px;
    }
    ::ng-deep .ant-table-tbody > tr > td:first-child {
        padding-left: 22px;
    }
    .table-danger {
        color: #ee3b3b;
    }
}
 .system-layout-wrap{
    width: 100%;
    height: 100%;
    position: relative;

    $menuWidth: 200px;
    .system-layout-menu{
        width: $menuWidth;
        height: 100%;
        position: relative;
        background: #FFF;
        .layout-menu-wrap{
            position: absolute;
            top: 20px;
            width: 100%;
            bottom: 0;
            left: 0;
            overflow-y: auto;
            padding-top: 60px;
        }
    }
    .system-layout-cont{
        position: absolute;
        top: 20px;
        left: $menuWidth + 10px;
        bottom: 0;
        right: 0;
        overflow-y: auto;
    }
}

:host  ::ng-deep .ant-table-placeholder{
    display: none;
}
// ::ng-deep .ant-menu-submenu{
//     //border-bottom: 1px solid #ddd;
//     &.ant-menu-submenu-open{
//         //border-bottom: 1px solid #ddd;
//         .ant-menu-sub.ng-star-inserted{
           
//             border-bottom: 1px solid #ddd;
//         }
//     }
//     .ant-menu-submenu-title{
//         height: 46px;
//         line-height: 46px;
//         // border-bottom: 1px solid #DDD;
//         // @include vertical(#ffffff, #f8f8f8);
//         // margin: 0;
//         color: #333;
//         padding-left: 10px;
//         cursor: pointer;
//         .ant-menu-submenu-arrow{
//             display: none;
//         }
//         .ant-menu-item{
//             position: relative;
            
//         }
//     }
// }

::ng-deep .item-btn{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 30px;
    color: #888;
    transition: all 0.2s ease;
    &:hover, &.active{
        color: #FFF;
        background: $PrimaryColor;
    }
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
    background: $PrimaryColor;
    .item-btn{
        color: #FFF;
    }
    &::after{
        display: none;
    }
}
.common-main-wrap[_ngcontent-c5] .common-main-hd[_ngcontent-c5] .common-bread-search[_ngcontent-c5]{
    min-width: 238px;
}